<div id="wrapper" class="layout" name="common">
    <div class="container-fluid">
        <!-- top nav start -->
        <div class="row-fluid">
            <div class="mainnav">
                <nav class="navbar navbar-default" role="navigation">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <a class="navbar-brand" href="#" name="brand">通用网页布局</a>
                        </div>
                        <div>
                            <ul class="nav navbar-nav navbar navbar-center" name="navBar">
                                <!-- <li class="active"><a href="#">商业谱系</a></li> -->
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
        <div class="clearfix"></div>
        <!-- top nav end -->
        <div class="row-fluid navtools">
            <nav class="navbar navbar-default">
                <div class="navbar-btn">
                    <input id="menu-toggle" type="button" class="btn-toggle-fullwidth navbar-toggle-img" data-toggle="collapse"></input>
                </div>
                <div class="search">
                    <form class="navbar-form navbar-left">
                        <div class="input-group">
                            <input type="text" value="" class="form-control" placeholder="搜索...">
                            <span class="input-group-btn"><button type="button" class="btn btn-primary">搜索</button></span>
                        </div>
                    </form>
                </div>
            </nav>
        </div>
        <!-- sider nav start -->
        <div id="sidebar" class="sidebar collapse">
            <div class="sidebar">
                <nav class="navbar nav-list" role="navigation">
                    <div class="container-fluid">
                        <div>
                            <ul class="nav navbar-nav navbar navbar-center" name="sidebar">
                                <!-- <li class="active"><a href="#">商业谱系</a></li> -->
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
    <!-- sider nav end -->
    <div class="row-fluid">
        <div name="content">
            <!-- body content -->
        </div>
    </div>
</div>

<!-- Bootstrap 智能提示核心库 -->
<script src="javascripts/bootstrap3-typeahead.min.js"></script>
<script>
    $(function () {
            $('#menu-toggle').mouseover(function () {
                $('#sidebar').collapse('show')
            }).mouseout(function () {
                $('#sidebar').collapse('hide')
            });
        });
</script>